*
{
    margin: 0; padding: 0;
    font-family: Arial;
	outline: none;
    }

.left
{
    float: left;
    }    
    
.right
{
    float: right;
    }  
    
@media screen and (max-width: 800px){
	.left
{
    float: none;
    }    
    
.right
{
    float: none;
    }  
}    
    
.clear
{
    clear: both;
    } 
    
.inner{
	width: 70%;
	margin: auto;
}    
    
.gray{
	color: #a4a4a4;
}  
    
ul li
{
    list-style: none;
    }
    
a,a:link,a:active{
	color: black;
	text-decoration:none;
}
  
a:hover{
	cursor:pointer;
}  

textarea{
	resize: none;
}


#sliderin{
	background: rgba(0,0,0,0.5);
    min-height: 700px;
    padding: 100px 0;
}

#slider{
	background-image: url('../images/background1.jpg');
	-webkit-animation: slidebackground 10s ease-out 2s infinite;
	-moz-animation: slidebackground 10s ease-out 2s infinite;
}

@-webkit-keyframes slidebackground{
	0%{
		background-image: url('../images/background1.jpg');
	}
	20%{
		background-image: url('../images/background2.jpg');
	}
	30%{
		background-image: url('../images/background2.jpg');
	}
	50%{
		background-image: url('../images/background3.jpg');
	}
	60%{
		background-image: url('../images/background3.jpg');
	}
	70%{
		background-image: url('../images/background1.jpg');
	}
	90%{
		background-image: url('../images/background1.jpg');
	}
	100%{
		background-image: url('../images/background2.jpg');
	}
} 

@-moz-keyframes slidebackground{
	0%{
		background-image: url('../images/background1.jpg');
		background-size: cover;
	}
	20%{
		background-image: url('../images/background2.jpg');
		background-size: cover;
	}
	30%{
		background-image: url('../images/background2.jpg');
		background-size: cover;
	}
	50%{
		background-image: url('../images/background3.jpg');
		background-size: cover;
	}
	60%{
		background-image: url('../images/background3.jpg');
		background-size: cover;
	}
	70%{
		background-image: url('../images/background1.jpg');
		background-size: cover;
	}
	90%{
		background-image: url('../images/background1.jpg');
		background-size: cover;
	}
	100%{
		background-image: url('../images/background2.jpg');
		background-size: cover;
	}
} 

#adminForm{
	width: 40%;
	margin: 100px auto;
	padding: 30px;
	background: rgba(30,30,30,0.7);
	border-radius: 10px;
	border: solid 5px #000;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
}

#adminForm label{
	color: #1CD2FF;
	text-shadow: 1px 1px 1px #000;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
}

#adminForm input[type=email],#adminForm input[type=password]{
	width: 100%;
	border: none;
	border: solid 2px #1CD2FF;
	padding: 15px 0;
	text-indent: 20px;
	margin: 10px 0;
	border-radius: 30px;
	outline: none;
	font-size: 18px;
	background: transparent;
	transition: 0.3s;
	color: #1CD2FF;
	box-shadow: 1px 1px 1px #000;
}

#adminForm input[type=submit],#adminForm input[type=button]{
	width: 30%;
	border: none;
	border: solid 2px #1CD2FF;
	color: #1CD2FF;
	font-weight: bold;
	font-size: 18px;
	background: transparent;
	border-radius: 30px;
	padding: 10px;
	margin-top: 20px;
	transition: 0.3s ease-out;
	cursor: pointer;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
}

#adminForm input[type=submit]:hover{
	background: #1CD2FF;
	color: black;
}

#adminForm input[type=button]:hover{
	background: #1CD2FF;
	color: black;
}

#adminForm input[type=email]:focus{
	background: #1CD2FF;
	color: black;
	text-shadow: 1px 1px 1px #000;
}

#adminForm input[type=password]:focus{
	background: #1CD2FF;
	color: black;
	text-shadow: 1px 1px 1px #000;
}

#header{
	color: white;
	text-align: center;
	border-top: solid 5px #339933;
}

#header h1{
	padding: 5px;
	font-size: 20px;
	border-bottom: solid thin white;
	background: black;
}

#nav{
	background: -webkit-linear-gradient(left, #005073 50%, #00a49d 50%);
	background: -moz-linear-gradient(left, #005073 50%, #00a49d 50%);
	text-align: center;
}

#nav ul li:first-child a{
	background: #005073;
}

#nav ul li:nth-child(2) a{
	background: #339933;
}

#nav ul li:nth-child(3) a{
	background: #993333;
}

#nav ul li:last-child a{
	background: #00a49d;
}

#nav ul{
	width: 880px;	margin: auto;
}

#nav ul li{
	float: left;
}

#nav ul li a{
	color: white;
	width: 220px;
	text-align: center;
	display: inline-block;
	padding: 5px 0px;
}

#nav ul li a:hover{
	text-decoration: underline;
}

#cover{
	padding: 30px 0;
}

#cover a{
	display: block;
	width: 50%;
	margin: 15px auto;
	background: #333333;
	color: white;
	padding: 70px 0;
	text-align: center;
	font-size: 40px;
	border-radius: 10px;
	transition: 0.5s ease-out;
}

#cover a form{
	height: 0px;
	overflow: hidden;
	transition: 0.5s ease-out;
}

#cover a:first-child{
	background: #222299;
}

#cover a:nth-child(2){
	background: #992222;
}

#cover a:last-child{
	background: #229922;
}

#addProjectForm{
	margin: 10px auto;
}

#addProjectForm input{
	width: 90%;
	margin: 5px 0;
	padding: 10px 0;
	text-indent: 10px;
	outline: none;
}

#addProjectForm textarea{
	width: 87%;
	padding: 10px;
	resize: none;
	margin: 5px 0;
	outline: none;
}

#addProjectForm input[type=submit]
{
	width: 30%;
}

#migrateEmployee input,#migrateEmployee select,#migrateEmployee textarea{
	width: 90%;
	margin: 5px 0;
	padding: 10px 0;
	text-indent: 10px;
	outline: none;
}

#migrateEmployee input[type=submit]
{
	width: 30%;
}

#migrateEmployee label{
	display: block;
	width: 90%;
	margin: auto;
	padding-top: 10px;
	font-size: 15px;
	text-align: left; 
}

#updateProject input,#updateProject textarea{
	width: 90%;
	margin: 5px 0;
	padding: 10px 0;
	text-indent: 10px;
	outline: none;
}

#updateProject select{
	width: 70%;
	margin: 5px 0;
	padding: 10px 0;
	text-indent: 10px;
	outline: none;
}

#updateProject input[value="Delete Project"]
{
	width: 20%;
	margin: 5px 0;
	padding: 10px 0;
	text-indent: 10px;
	outline: none;
}

#updateProject input[type=submit]
{
	width: 30%;
}

#updateProject label{
	display: block;
	width: 90%;
	margin: auto;
	padding-top: 10px;
	font-size: 15px;
	text-align: left; 
}

/* FOR HIDING PASSWORD FIELD :
   @AUTHOR:SETU */
#OTP
{
   display:none;
}

/* FOR PROCESS IMAGE USED
   @AUTHOR: SETU */
#imageProcess
{
	visibility:hidden;
	float:right;
	width: 50px;
	height: 50px;
	
}
/* FOR SUBMIT BUTTON
   @AUTHOR: SETU*/
#submitt
{
    display:none;
}




